<!--项目案例开始-->
    <section class="project wrap">
        <div class="proj1">
            <div class="proj1-hd ">
                <a class="animated" href="https://github.com/lydxwj/youtoAPP" target="_blank">优途APP</a>
            </div>
            <div class="pro-line"></div>
            <div class="proj1-mn"><img src="img/app.jpg" alt="优途APP" /></div>
            <div class="proj-text">
                <span class="proj-title">项目描述：</span>
                <span class="proj-text">1.app启动页、引导页设置；2.运用mui进行页面构建；3.运用vue模板对数据进行渲染；4.对页面请求数据进行处理；5.沉浸式布局处理等</span>
            </div>
            <div class="line"></div> 
            <div class="proj-text">
                <span class="proj-title">职责描述：</span>
                <span class="proj-text">1.主导项目进程；2.协助页面设计；3.进行框架工具选择；4.运用mui制作页面；5.启动页面配置；6.引导页面配置；7.沉浸式实现方案；8.数据请求传参，返回数据传递；9.使用vue进行页面渲染；10.进行打包测试等</span>  
            </div>
        </div>
        <div class="proj1">
            <div class="proj1-hd ">
                <a class="animated ytowin" href="javascript:;"  >优途教育</a>
            </div>
            <div class="pro-line"></div>
            <div class="proj1-mn"><img src="img/yt.jpg" alt="优途升学网" /></div>
            <div class="proj-text">
                <span class="proj-title">项目描述：</span>
                <span class="proj-text">1.优途网手机版规划与实施；2.网站页面兼容性、体验优化；3.协助网站功能实现、测试与修改；4.页面动画及效果开发；5.网站改版；6.网站SEO优化；7.百度推广管理等</span>
            </div>
            <div class="line"></div> 
            <div class="proj-text">
                <span class="proj-title">职责描述：</span>
                <span class="proj-text">1.参与优途网手机版的页面设计；2.优途网手机版的全部页面制作；3.优途网手机版的页面调整优化；4.配合实现手机版页面功能；5.手机版导航调整及测评页面优化；6.手机版购买、充值页面制作以及配合实现功能；7.手机版个人中心添加签到、充值、退出；8.手机版的切换电脑版按钮，电脑版滚动购买信息；9.PC版知晓系统的配合测试，反馈问题；10.百度推广后台操作以及与百度客服对接等</span>  
            </div>
        </div>
        <div class="proj2 proj1">
            <div class="proj1-hd">
                <a class="animated qjt" href="javascript:;" >千驹堂</a>
            </div>
            <div class="pro-line"></div>
            <div class="proj1-mn"><img src="img/qjt.jpg" alt="千驹堂" /></div>
            <div class="proj-text">
                <span class="proj-title">项目描述：</span>
                <span class="proj-text">1.响应式移动网站，适用各种屏幕尺寸；2.对网站进行页面重构以及优化。</span>
            </div>
            <div class="line"></div> 
            <div class="proj-text">
                <span class="proj-title">职责描述：</span>
                <span class="proj-text">1.触摸滑动焦点图，图片自适应各种屏幕；2.搜索背景图变换屏幕不失真，搜索关联文字；3.悬浮动画导航；4.flex的布局方式；5.中/英文字切换按钮。</span>  
            </div>
        </div>
        <div class="proj3 proj1 proj2">
            <div class="proj1-hd">
                <a class="animated wbn" href="javascript:;" target="_blank" >吾伴你</a>
            </div>
            <div class="pro-line"></div>
            <div class="proj1-mn"><img src="img/wbn.jpg" alt="吾伴你" /></div>
            <div class="proj-text">
                <span class="proj-title">项目描述：</span>
                <span class="proj-text">1.响应式移动网站，适用各种屏幕尺寸；2.对网站进行页面重构以及优化。</span>
            </div>
            <div class="line"></div> 
            <div class="proj-text">
                <span class="proj-title">职责描述：</span>
                <span class="proj-text">1.导航按钮css3动画；2.触摸滑动焦点图，图片自适应各种屏幕；3.留言板表单验证；4.flex的布局方式；5.中/英文字切换按钮。</span>  
            </div>
        </div>
        <div class="proj4 proj1">
            <div class="proj1-hd">
                <a class="animated ks" href="javascript:;" >昆山企业</a>
            </div>
            <div class="pro-line"></div>
            <div class="proj1-mn"><img src="img/ks.jpg" alt="昆山企业" /></div>
            <div class="proj-text">
                <span class="proj-title">项目描述：</span>
                <span class="proj-text">1.企业PC网站；2.对网站进行页面重构以；3.交互以及兼容性优化调整。</span>
            </div>
            <div class="line"></div> 
            <div class="proj-text">
                <span class="proj-title">职责描述：</span>
                <span class="proj-text">1.网站背景音乐开关；2.兼容到ie6的导航固定；3.导航hover滑动门以及导航音乐；4.全兼容的返回顶部动画小火箭；5.搜索切换按钮。</span>
            </div>
        </div>
        
    </section>    
    <!--项目案例结束-->   
    <link rel="stylesheet" type="text/css" href="css/project.css" />
    <script type="text/javascript" src="js/project.js"></script>